<template>
    <div class="titleMenu_title">
            <div class="titleMenu_title_ico">
                <slot name="titleMenu_ico">

                </slot>
            </div>
            <div class="titleMenu_title_text">
                <slot name="titleMenu_text"></slot>
            </div>

            <div class="titleMenu_title_add">
                <slot name="titleMenu_add"></slot>
            </div>

    </div>
</template>
<style>

    .titleMenu_title{
        width: 100vw;
        height: 13.75vw;
        background: #2C2C2C;
        color: white;
    }
    .titleMenu_title_ico{
        float: left;
        margin: 0;
        padding: 0;
        width: 18vw;
        height:13.75vw !important;
        line-height: 16vw;
        font-size: 4vw;
    }
    .titleMenu_title_text{
        float: left;
        width: 64vw;
        height:13.75vw;
        line-height: 13.75vw;
        text-align: left;
        font-family: PingFangSC-Medium;
        font-size: 5vw;

    }
    .titleMenu_title_add{
        float: right;
        width: 18vw;
        height: 13.75vw;
        line-height: 13.75vw;
        padding-top: 0.75vw;
        font-size: 6vw;
        font-weight: normal;
        text-align: center;
    }

</style>
<script>
    export default {
        name: "TitleMenu",
        data() {
            return {
                msg: 'hello vue'
            }
        }
    }
</script>

